<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <svg width="500" height="200">
        <!-- 当前节点 -->
        <rect x="50" y="70" width="100" height="40" fill="#fff" stroke="#000" stroke-width="2" rx="10" ry="10" />
        <text x="65" y="95" font-family="Arial" font-size="16" fill="#000">当前节点</text>

        <!-- 加签对象1 -->
        <rect x="300" y="30" width="100" height="40" fill="#fff" stroke="#000" stroke-width="2" rx="10" ry="10" />
        <text x="315" y="55" font-family="Arial" font-size="16" fill="#000">加签对象1</text>

        <!-- 加签对象2 -->
        <rect x="300" y="110" width="100" height="40" fill="#fff" stroke="#000" stroke-width="2" rx="10" ry="10" />
        <text x="315" y="135" font-family="Arial" font-size="16" fill="#000" title="1111">加签对象2</text>

        <!-- 连接线 -->
        <path d="M150,90 H225 V50 H300" stroke="#888" stroke-width="2" fill="none" stroke-dasharray="5,5" />
        <path d="M150,90 H225 V130 H300" stroke="#888" stroke-width="2" fill="none" stroke-dasharray="5,5" />
    </svg>
    <!-- <canvas id="myCanvas" width="300" height="200"></canvas>

    <script>
        const canvas = document.getElementById('myCanvas');
        const ctx = canvas.getContext('2d');

        // 绘制加密对象1（蓝色矩形）
        ctx.fillStyle = '#e0f0ff';
        ctx.strokeStyle = '#0078d4';
        ctx.strokeRect(50, 20, 100, 60);
        ctx.fillRect(50, 20, 100, 60);
        ctx.fillStyle = 'black';
        ctx.textAlign = 'center';
        ctx.fillText('加密对象1', 100, 55);

        // 绘制加密对象2（蓝色矩形）
        ctx.strokeRect(50, 100, 100, 60);
        ctx.fillRect(50, 100, 100, 60);
        ctx.fillText('加密对象2', 100, 135);

        // 绘制当前节点（红色圆形）
        ctx.beginPath();
        ctx.arc(150, 180, 8, 0, Math.PI * 2);
        ctx.fillStyle = 'red';
        ctx.fill();
    </script> -->
</body>

</html>